/*
首页模块命名规范：col-index-模块英文名称，如：col-index-news
内页页面外层容器命名规范：
1、通用样式：col-page，内页外层容器通用样式，使用方法<div class="col-page col-page-about"></div>
2、页面样式：col-page-模块英文名称，如：col-page-about（关于我们页面）
3、内页模块命名规范：col-模块英文名称，如：col-product（产品）、col-honor（荣誉）(<div class="col-wrap col-product"></div>)
其他命名规范：
1、使用swiper、owl.Carousel等插件时，插件外层容器可用模块名称-container,如product-container
2、使用英文名称为样式命名，不要出现拼音和首字母
3、模块最外层容器命名规范：col-自定义名称
4、样式命名中单词由符号“-”来连接，如：col-culture,col-hot-product
备注：上面所说的模块不是指系统后台模块，是网站前台页面中的组成模块，如：首页中包含网站头部、产品、新闻、荣誉、案例、网站底部，其中每个部分视为一个模块。
*/
@charset "utf-8";
.home-top-grid1 {
  background: rgba(11, 100, 143, 0.7);
  transition: 0.5s all;
}
.home-top-grid2 {
  background: rgba(226, 23, 55, 0.5);
  transition: 0.5s all;
}
.home-top-grid3 {
  background: rgba(11, 100, 143, 0.4);
  transition: 0.5s all;
}
@font-face {
  src: url(../fonts/HelveticaInserat.ttf);
}
@font-face {
  font-family: 'FuturistCondensed';
  src: url('../fonts/FuturistCondensed Regular.TTF');/* IE9*/
  src: url('../fonts/FuturistCondensed Regular.TTF') format('embedded-opentype'), /* IE6-IE8 */
  /*url('../fonts/FuturistCondensed Regular.woff') format('woff'), *//* chrome、firefox */
  url('../fonts/FuturistCondensed Regular.TTF') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/FuturistCondensed Regular.svg#iconfont') format('svg');/* iOS 4.1- */
}
@font-face {font-family: 'iconfont';
    src: url('font/iconfont.eot'); /* IE9*/
    src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;font-family:'iconfont';}
body {min-width: 320px;padding:0px;margin:0px;font-family:Verdana, 'Microsoft YaHei';font-size:12px;color:#7d7d7d; text-align:center; overflow-x: hidden;}
.iconfont {
  font-family: 'iconfont';
}
img {
  max-width: 100%;
}
li {
  list-style: none;
}
i,
em {
  font-style: normal;
}
.vcenter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
}
.last {
  margin-right: 0 !important;
}
.tHide {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.blockFull {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.relative { position: relative;}
.absolute{position: absolute;}
a { text-decoration: none;transition: 0.5s; }
a:hover {text-decoration: none;}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li {
  margin: 0;
  padding: 0;
}
img {  border: 0;}
p{margin:0;}
.padding{padding-left: 4.5%;padding-right: 4.5%;}
.container { width: 100%;max-width: 1200px;padding: 0;}
.container1{ max-width: 1000px; }
.pic {  position: relative;  overflow: hidden;}
.pic:after {  content: "";  display: block;}
.panel{margin:0;border:0;border-radius: 0;box-shadow: none;}
.bold{font-weight: bold;}

#page{padding-top: 0px; overflow: hidden;}
header{width:100%;position: fixed; left: 0; top: 0; z-index: 99999999;}
header h1{margin:0; padding: 0;width: 30%;max-width: 355px; font-size: 0;line-height: 80px;}
header .container{position: relative;max-width: 1230px;padding: 0 15px;}
nav.mm-menu_offcanvas{display: none;}
#header a.mm_btn{display: none; width: 55px; height: 55px; position: absolute; right: 0; top:0;  background: #0067b7; transition: .5s all;}

.head{height: 80px;background:#f7ac00;}
.nav { margin-top: 30px; position: relative; z-index: 2;}
.nav ul li {  float: left;margin-left: 21px; position: relative;}
.nav ul li:before{content: '';height: 16px;position: absolute;left:-10px;top:17px;border-right: 1px solid rgba(255,255,255,0.5);}
.nav ul li a {display: block;padding: 0 1.3vw; color: #fff;line-height:50px; text-transform: capitalize;}
.nav ul li:hover a{  color: #fdad35;background: #113178;}
.nav ul li:hover ul li a { color: #fff;}
.nav ul li:hover .three a { color: #333;}
.nav ul ul {  width:100%; position: absolute;left:0; display: none;
    animation-duration: 0.5s; 
    -webkit-animation-duration: 0.5s;}
.nav ul li li {  float: none; margin-left: 0;position: relative;}
.nav ul li li a {padding:9px 5px; line-height: 1.6; }
.nav ul li li a:hover {  color: #333!important;background: #fdad35;}
.nav ul li li .three { min-width: 100%;position: absolute;left: 100%;top:0;display: none;z-index: 2;text-align: left;}
.nav ul li li .three a{padding-left: 15px;padding-right: 15px; color: #333; background: #fdb447;white-space: nowrap;}
.nav ul li li .three a:hover{color: #fdad35!important; background: #113178;}
.nav ul li:first-child {margin-left: 0;}
.nav ul li:first-child:before,
.nav ul li li:before{display: none;}

.language{ margin: 30px 0 0 1.3vw;line-height:50px; }
.language a{color: #fff;}
.language a:hover{color: #113178;}

.col-title{}
.col-title h3{color: #063367;line-height: 1.3;}

.banner-page,
.index-first-banner{margin-top: 80px;}
/*首页*/
    .slide {
        background-attachment: fixed;
        display: block;
        overflow: hidden;
        width: 100%;
        text-align:center;
        position:relative;
        background-position:center;
    }
    /*.banner01 {
        background-image: url("../images/banner01.jpg");
        background-size: cover;
        z-index: 4;
    }*/
    .banner02 {
        background-size: cover;
        z-index: 4;
        height:100vh;
    }
    .banner03 {
        background-size: cover;
        background-position: -100px 80px;
        z-index: 4;
        height:100vh;
    }

    #banner01{height:calc(100vh - 80px);position:relative;overflow:hidden;}
    #map01 {background:url(../images/map01.png) no-repeat;background-size:cover;width:408px;height:390px;top:0px;left:0px;position:absolute;z-index:0;}
    #map02 {background:url(../images/map02.png) no-repeat;background-size:cover;width:168px;height:181px;top:0px;left:55%;position:absolute;z-index:0;}
    #map03 {background:url(../images/map03.png) no-repeat;background-size:cover;width:600px;height:334px;top:0px;left:100%;position:absolute;z-index:0;}
    #map04 {background:url(../images/map04.png) no-repeat;background-size:cover;width:174px;height:269px;top:100%;left:0;position:absolute;z-index:0;}
    #map05 {background:url(../images/map05.png) no-repeat;background-size:cover;width:250px;height:293px;top:100%;left:55%;position:absolute;z-index:0;}
    #map06 {background:url(../images/map06.png) no-repeat;background-size:cover;width:426px;height:432px;top:100%;left:100%;position:absolute;z-index:0;}
    #banner01 .content{z-index:2;position:absolute;width:100%;left:0px}
    #banner01 .texts{padding-right:20vw;}
    #banner01 .text{width: 100%;max-width:710px; height:400px; margin:0px auto;margin-top:10%;}
    #banner01 .text .img1{margin-left:10px;}
    #banner01 .text .img2{margin-top: 40px;}
    #banner01 .text h2{color:#063367;margin-top:10px;line-height: 1.3;}
    #banner01 .text p.p1{margin-top:133px;margin-left:5px;}
    #banner01 .text p.p2{margin-top:10px;margin-left:5px;}
    #banner01 .text p.p3{margin-top: 40px;width:100%;max-width: 516px;}

    .global-img{width: 60%;position: absolute;right: 0;top:12%;}

    .slide .text .but{margin-top: 30px;}
    .slide .text .but a{opacity: 1; top: 0px;}
    .index_content{padding-right: 15vw;}
    .index_content .text{width: 100%;max-width:780px; margin:0 auto;}
    .index_content .text .col-title{margin-top:65px;}
    .index_content .text .desc{margin-top:110px;line-height: 1.8;}

    .bannertext {width:100%;height:456px;padding:74px 0 0 30vw;background:url(../images/banner03bg.png);position:absolute;bottom:0;}
    .bannertext .text{display: inline-block; margin:0 auto;}
    .bannertext .text .img{width: 5.9375vw;}
    @media (max-width: 1400px) {
        .bannertext .text .img{width: 83px;}
    }
    .bannertext .text .con{margin-left: 34px;}
    .bannertext .text .desc{margin-top: 50px; line-height: 1.8;}

    .button {
        width:auto;min-width: 10.41vw;padding-left: 36px;padding-right: 46px;display: inline-block;
        border:3px #f6ab00 solid;
        height:49px;
        color:#f6ab00;
        line-height:43px;
        font-size:16px;
    }
    .button em {
        display: inline-block;
        float: right;
        margin: 0;
        position: relative;
        top: 15px;
        right:-20px;
        background:url(../images/button_arrow.png) no-repeat;
        background-position:0px -15px;
        width:10px;
        height:15px;
        transition: margin 0.2s ease-in-out 0s;
    }

    .button:hover {
        background-color: #f6ab00;
        color: #fff;
        transition: all 0.3s ease 0s;
    }
    .button:hover em {
        margin: 0 -5px 0 5px;
        background-position:0px 0px;
        transition: margin 0.2s ease-in-out 0s;
    }
    .col-index-slogantext{padding-top: 7.29%;padding-bottom: 7.29%;color: #fff;}
/*首页*/

/*底部开始*/
    .footer {padding-top: 4.68%; background:#efeff0;color:#727171;}
    .footer a{color: #727171;}
    .footer_contact p{line-height: 1.8;}
    .footer_contact .title{color: #393939;}
    .footer_contact .row{margin:0 -3vw;}
    .footer_contact .con{padding: 0 3vw;margin-top: 3vw;}
    .footer_contact .con h4{color: #f7ac01;}
    .footer_contact .con ul li{margin-top: 1vw;}
    .footer_contact .con ul li h5{color: #393939;line-height: 1.5;}
    .footer_contact .con ul li:first-child{min-height: 140px;}
    .footer_contact .con1{width: 34%;}
    .footer_contact .con2{width: 66%; border-left: 1px solid #d4d4d5; }
    .footer_contact .con2 ul{display: flex;flex-wrap: wrap;margin-left: -2.6vw;}
    .footer_contact .con2 ul li{width: 50%; float: left;padding-left: 2.6vw;}
    .footer_contact .con3{margin-top: 4vw;}

    .copy {padding-top: 2%;padding-bottom: 2%;margin-top: 1.56%; background:#666464;}
    .copy p{ color: #fff; line-height: 1.6; }
    .copy p b{line-height: 1;}
/*底部结束*/

/*关于我们*/
    .col-page-about{padding-top: 5.5%;padding-bottom: 5.5%;}
    .col-page-about .col-title hr{margin:10px 0 5px;border-top:1px solid #063367;}
    .col-page-about .content{margin-top: 20px;padding-bottom: 5vw;}
    .col-page-about .content p{line-height: 1.8;}
    .col-page-about .content_img{margin-top: 3.64vw;padding-bottom: 0;}
    .col-page-about .content_img .pic{width: 34.21%;}
    .col-page-about .content_img .text{width: 65.78%;padding-left: 4vw;margin-top: 20px;font-family: 'Microsoft YaHei',Arial,Helvetica,sans-serif;}
    .col-page-about .content_img .text span.icon{background:url(../images/companymark.png) repeat-x;}

    .col-about-middle{padding-top: 4.68%;padding-bottom: 5.2%; color: #fff; }
    .col-about-middle .img2{padding: 1.25vw 0 1.82vw;}
    .col-about-middle h2{ font-weight: bold; line-height: 1.3;text-shadow: 1.414px 1.414px 13px rgba( 6, 52, 9,0.7 ); }

    .col-history{padding-top: 5.2%;padding-bottom: 5.5%;}
    .col-history .content{ margin-top: 20px; line-height: 1.8; }
    .col-history .list{margin-top: 4vw; padding-bottom: 3.125vw;border-bottom: 1px solid #f1f1f1; }
    .col-history .list .panel{height: 100%;padding: 3.5vw 1.5vw; background: #fbfbfb;color: #545454;line-height: 1.8;cursor: pointer; }
    .col-history .list .panel .year{margin-bottom: 1vw; color: #292929;line-height: 1;}
    .col-history .list .panel:hover{color: #fff;background: #f7ad05;}
    .col-history .list .panel:hover .year{color: #fff;}
    .col-history .swiper-container{position: static;}
    .col-history .swiper-container .swiper-slide{height: auto;}
    .col-history .swiper-container .swiper-button-prev,
    .col-history .swiper-container .swiper-button-next{ width: 23px;height: 23px;top:auto;bottom:-12px;background: none;opacity: 1;z-index: 1;outline: none;transition: 0.5s; }
    .col-history .swiper-container .swiper-button-prev{left:50%;margin-left: -28px; background: url(../images/btnl.png) center no-repeat;}
    .col-history .swiper-container .swiper-button-next{right:50%;margin-right: -28px; background: url(../images/btnr.png) center no-repeat;}
    .col-history .swiper-container .swiper-button-prev:hover{background-image: url(../images/btnl1.png);}
    .col-history .swiper-container .swiper-button-next:hover{background-image: url(../images/btnr1.png);}
/*关于我们*/

/*发展战略*/
    .global-top{padding-top: 5%;padding-bottom: 5.2%;}
    .global-top .col-title{margin-bottom: 1.3vw;}
    .global-top .content{max-width: 650px;margin:0 auto;line-height: 1.8;}
    .global-top .content h3{margin-top: 15px; margin-bottom: 10px; color: #333;line-height: 1.5;}
    .global-top .map{margin-top: 3.9vw;}
    .global-top .map ul li{width: 16px;height: 16px;position:absolute;z-index: 2; cursor: pointer;}
    .global-top .map ul li.on{z-index: 3;}
    .global-top .map ul li h4{position: absolute;left: 50%;transform: translateX(-50%);bottom: 100%;color: #212121;white-space: nowrap;padding: 5px 0;z-index: 2;}
    .global-top .map ul li .con{width: 260px;position: absolute;left:8px;top:8px; border:1px solid #ccc;background: #fff;border-radius: 5px;display: none;}
    .global-top .map ul li .con i{position: absolute;right: 10px;top:10px;color: #fff;font-weight: bold;font-size: 24px;line-height: 1;z-index: 2;}
    .global-top .map ul li .con i:hover{color: #003462;}
    .global-top .map ul li .con p{padding: 10px 15px;line-height: 1.6; color: #fff;background: #f7ac01; }
    .global-top .map ul li .con .more{padding:15px;}
    .global-top .map ul li .con .more a{display: inline-block;width: 100px;height: 25px;line-height: 23px;background: #f7ac01;color: #fff;border-radius: 13px;text-align: center;}
    .global-top .map ul li .yuan{width: 16px;height: 16px;padding: 4px; border-radius: 50%;background: #fbaf46;}
    .global-top .map ul li .yuan span{display: block; width: 8px;height: 8px;border-radius: 50%;background: #fbaf46;}
    .global-top .map ul li .yuan span.span1{background: #003462;}
    .global-top .map ul li .yuan span.span2,
    .global-top .map ul li .yuan span.span3,
    .global-top .map ul li .yuan span.span4{position: absolute;left:50%;top:50%;margin-left: -4px;margin-top: -4px; z-index: -1; transition: 0.5s; }
    /*.global-top .map ul li .yuan span.span2{
        -webkit-animation: ProgressDots 1.5s infinite both;
        animation: ProgressDots 1.5s infinite both;
    }
    .global-top .map ul li .yuan span.span3{
        -webkit-animation: ProgressDots 2s infinite both;
        animation: ProgressDots 2s infinite both;
    }
    .global-top .map ul li .yuan span.span4{
        -webkit-animation: ProgressDots 2.5s infinite both;
        animation: ProgressDots 2.5s infinite both;
    }*/
    .global-top .map ul li.li1{ right:19.26%;top:44.63%; }
    .global-top .map ul li.li2{ right:47.10%;top:30%; }
    .global-top .map ul li.li3{ right:52%;top:31.37%; }
    .global-top .map ul li.li4{ right:51%;top:31.37%; }
    .global-top .map ul li.li4 h4{display: none;}
    .global-top .map ul li.li5{ right:47.2%;top:33.89%; }
    .global-top .map ul li.li5 h4{bottom: auto;top: 100%;}

    .bluetitle{background:url(../images/title_bg.jpg) repeat-x center;}
    .bluetitle .text{padding: 0 3.64vw;display: inline-block; background:#fff; height:40px; line-height:40px; margin:0px auto;color:#063367; }
    .global-base {padding-top: 1vw;padding-bottom: 5.5%;}
    .global-base .container{max-width: 1120px;}
    .global-base ul{margin:0 -1vw;display: flex;flex-wrap: wrap;}
    .global-base ul li{padding: 0 1vw;margin-top: 4vw;}
    .global-base ul li .pic{box-shadow: 5.657px 5.657px 20px 0px rgba( 0, 1, 1,0.15 );}
    .global-base ul li .text{margin-top: 2.5vw;}
    .global-base ul li .text h4{color: #0e3367;line-height: 1.3;}
    .global-base ul li .text a{display: inline-block;margin-top: 20px; width: 100px;height: 25px;text-align: center;color: #fff;line-height: 23px;background: #f7ac01;border-radius: 13px;}

    .col-base-information{padding-top: 5.2%;padding-bottom: 5%;}
    .col-base-information img{width: 100%;}
    .text-title{
        /*height: 40px;*/
        line-height: 1.6;
        margin: 0px auto;
        color: #063367;
        font-size: 25px;
        font-weight: bold;
        text-align: left;
    }
    .text-content{
        font-size: 14px;
        text-align: left;
        line-height: 1.8;
    }
    .text-title2{
        /*height: 30px;*/
        line-height: 1.6;
        margin: 0px auto;
        color: #063367;
        font-size: 18px;
        font-weight: bold;
        text-align: left;
    }
/*发展战略*/

/*专业研发*/
    .number{padding-top: 4.42%;padding-bottom: 4.42%;margin-top: -1px;position: relative;z-index: 2; color: #fff; }
    .number ul{ display: flex;flex-wrap: wrap; }
    .number ul li{width: 25%;float: left;padding: 20px;border-left:1px solid rgba(255,255,255,0.38);}
    .number ul li p{line-height: 1.6;}
    .number ul li .num{margin-bottom: 10px; font-size: 60px;line-height: 0.8;}
    .number ul li .num em{font-size: 30px;position: relative;top:-23px;}
    .number ul li span.countup{}
    .number ul li:last-child{border-right:1px solid rgba(255,255,255,0.38);}
    .col-zlcp{padding-top: 5%;padding-bottom: 5.5%;}
    .col-zlcp .list{margin-top: 3vw;}
    .col-zlcp .list .text{padding: 1.5vw 2vw; display: flex;align-items: center;justify-content: space-between;background: #f6f6f6;}
    .col-zlcp .list .text h3{padding: 0 1vw; color: #222;line-height: 1.3; border-left:7px solid #f7ac01;}
    .col-zlcp .list .text a{display: block;min-width: 110px;height: 35px; text-align: center;color: #fff;line-height: 33px;background: #f7ac01;border-radius: 18px;}
    .col-zlcp .list .con{display: none;padding-top: 1.56vw; line-height: 1.8; }

    .col-yfsl{padding-top: 5%;padding-bottom: 5%;background: #f8f8f8;}
    .col-yfsl .content{margin-top: 2.5vw; color: #545454;line-height: 1.8; }
    .col-yfsl .content hr{margin:1.56vw 0;width: 7.08vw;max-width:136px;min-width: 70px;border-top:2px solid #f7ac01; }
    .col-yfsl .content table{width: 100%;}
    .col-yfsl .content table tr td{width: 50%;}
    .col-yfsl .content table tr td:first-child{padding-right: 9px;}
    .col-yfsl .content table tr td:last-child{padding-left: 9px;}
    .col-yfsl .content table img{width: 100%;box-shadow: 5.657px 5.657px 20px 0px rgba( 0, 1, 1,0.15 );}
    .col-yfsl .content .text{padding: 2.5vw 1.56vw 0;}

    .col-Illochroma-tech{padding-top: 5%;padding-bottom: 5.5%;}
    .col-Illochroma-tech .col-title{margin-bottom: 3.64vw;}
    .col-Illochroma-tech .img{padding-left: 0;padding-right: 2.5vw;}
    .col-Illochroma-tech .pic{ background: #f7f7f7;box-shadow: 5.657px 5.657px 20px 0px rgba( 0, 1, 1,0.15 ); }
    .col-Illochroma-tech .pic .text{padding: 2vw 1.56vw; color: #454545; line-height: 1.8;}
    .col-Illochroma-tech .content{padding-left: 2.5vw;padding-right: 0;}
    .col-Illochroma-tech .content h3{color: #292929;line-height: 1.3;}
    .col-Illochroma-tech .list{padding-left: 85px;margin-top: 1.56vw; }
    .col-Illochroma-tech .list ul{ padding-left: 24px; border-left: 1px solid #8f8f8f; }
    .col-Illochroma-tech .list ul li{margin-bottom: 1.4vw; position: relative; color: #515151;line-height: 1.8; }
    .col-Illochroma-tech .list ul li:before{content: '';width: 11px;height: 11px;position: absolute;left:-30px;top:7px;background: #fff;border:3px solid #f7ac01;border-radius: 50%;}
    .col-Illochroma-tech .list ul li .year{margin-left: -24px; width: 85px;position: absolute;left: -85px;top:0;color: #f7ac01;font-weight: bold;font-size: 24px;line-height: 1;}
    .col-Illochroma-tech .list ul li:last-child{margin-bottom: 0;}
/*专业研发*/

/*增值与技术*/
    .col-technology{padding-top: 5.2%;padding-bottom: 3.64%;}
    .col-technology .content{margin-top: 1.82vw; color: #5b5b5b;line-height: 1.8; }

    .col-tech-fw .description{ background: #f7ac01;color: #fff; }
    .col-tech-fw .description .flex{display: flex;}
    .col-tech-fw .description .content{width: 69%;padding: 4vw 2vw; line-height: 1.8;background: #3a3a3a;}
    .col-tech-fw .description .col-title h3{color: #fff;}
    .col-tech-fw .description .con{margin-top: 10px;}
    .col-tech-fw .description .pic{width: 31%;}
    .col-tech-fw .list{padding-top: 5%;padding-bottom: 5%;}
    .col-tech-fw .list ul{margin: -12px;display: flex;flex-wrap: wrap;}
    .col-tech-fw .list ul li{padding: 12px;}
    .col-tech-fw .list ul li a{display: block;height: 100%; background: #f7ac01;}
    .col-tech-fw .list ul li .pic:after{padding-bottom: 121.71%;}
    .col-tech-fw .list ul li h4{padding: 1vw 1.3vw;color: #fff;line-height: 1.5;}
    .col-tech-fw .list ul li h4 i{display: block;margin-top: 1vw; font-weight: normal;line-height: 1;}

    .col-tech-brand{padding-top: 5%;padding-bottom: 5%; color: #5c5c5c;background: #f8f8f8; }
    .col-tech-brand h3{margin: 2.5vw 0 1.3vw;}
    .col-tech-brand p{ line-height: 1.8; }
    .col-tech-brand hr{ margin:5vw 0 2vw;border-color: #e0e0e0; }
    .col-tech-brand .contact{}
    .col-tech-brand .contact strong{font-size: 16px;color: #181818;}
    .col-tech-brand a{color: #005dab;text-decoration: underline;}

    .col-tech-add{padding-top: 5%; background: #f8f8f8; }
    .col-tech-add .con{margin-top: 1.3vw; color: #5c5c5c;line-height: 1.8; }
    .col-tech-add .list{margin-top:2.34vw; }
    .col-tech-add .list ul{margin: -12px;display: flex;flex-wrap: wrap;}
    .col-tech-add .list ul li{padding: 12px;}
    .col-tech-add .list ul li a{display: block;height: 100%; background: #f7ac01;}
    .col-tech-add .list ul li .pic:after{padding-bottom: 121.71%;}
    .col-tech-add .list ul li h4{padding: 1vw 1.3vw;color: #fff;line-height: 1.5;}
    .col-tech-add .list ul li h4 i{display: block;margin-top: 1vw; font-weight: normal;line-height: 1;}
    .col-tech-add.col-tech-add2{padding-bottom: 5%;}
    .col-tech-add.col-tech-add2 .con .img{margin-top: 2.5vw;}
    .col-tech-add.col-tech-add2 .con hr{ margin:4vw 0 2.34vw;border-color: #e0e0e0; }
    .col-tech-add.col-tech-add2 .contact{text-align: left;}
    .col-tech-add.col-tech-add2 .contact strong{font-size: 16px;color: #181818;}
    .col-tech-add.col-tech-add2 .contact a{color: #005dab;text-decoration: underline;}
    @media (max-width: 991px) {
        .col-tech-add{padding-top: 55px;}
        .col-tech-add .con{margin-top: 13px;}
        .col-tech-add .list{margin-top:25px; }
        .col-tech-add .list ul{margin: -6px;}
        .col-tech-add .list ul li{padding: 6px;}
        .col-tech-add .list ul li h4{padding: 10px 13px;}
        .col-tech-add .list ul li h4 i{margin-top: 10px;}

        .col-tech-add.col-tech-add2{padding-bottom:55px;}
        .col-tech-add.col-tech-add2 .con .img{margin-top: 25px;}
        .col-tech-add.col-tech-add2 .con hr{ margin:40px 0 25px;}
        .col-tech-add.col-tech-add2 .contact strong{font-size: 14px;}
    }
/*增值与技术*/

/*品质控制*/
    .pzkz-title h4{color: #2f2f2f;line-height: 1.3;}
    .col-pzkz{padding-top: 5%;padding-bottom: 5%;}
    .col-pzkz .pzkz-title{margin-top: 1.56vw;}
    .col-pzkz .pic{margin-top: 3vw;}
    .col-pzkz .content{padding: 0 2.5vw;margin-top: 3vw;}
    .col-pzkz .content img{float: left;margin-right: 3vw;}
    .col-pzkz .content p{color: #5c5c5c;line-height: 2;}

    .col-environment{padding-top: 5%;padding-bottom: 5%; background: #f8f8f8; }
    .col-environment .content{margin-top: 2.6vw;}
    .col-environment .content ul{display: flex;flex-wrap: wrap;margin:-6px;}
    .col-environment .content ul li{width: 50%;float: left;padding:6px;}
    .col-environment .content ul li img{width: 100%;box-shadow: 5.657px 5.657px 20px 0px rgba( 0, 1, 1,0.15 );}

    .col-liucheng{padding-top: 5%;padding-bottom: 5%;}
    .col-liucheng .content{}
    .col-liucheng .content ul{ display: flex;flex-wrap: wrap;overflow: hidden; }
    .col-liucheng .content ul li{width: 30.14%;margin-top: 3.5vw; margin-right: 4.79%;padding:2vw 1.3vw 2.6vw;position: relative; float: left; color: #2f2f2f;background: #f0f0f0;cursor: pointer;}
    .col-liucheng .content ul li:after{content: '';width: 26px;height: 28px;background: url(../images/next.png) center no-repeat;background-size: cover;position: absolute;left:100%;top:50%;margin-top: -14px;margin-left: 12px;}
    .col-liucheng .content ul li .data{ color: rgba(47,47,47,0.2);font-weight: bold;line-height: 0.8; }
    .col-liucheng .content ul li h4{margin-top: 1.3vw; font-weight: bold;line-height: 1.3;}
    .col-liucheng .content ul li hr{margin:1vw 0 1.2vw;border-color: rgba(100,100,100,0.2);}
    .col-liucheng .content ul li p{line-height: 1.8;}
    .col-liucheng .content ul li:hover{ background: #f7ac01;color: #fff; }
    .col-liucheng .content ul li:hover .data{color: rgba(255,255,255,0.66);}
    .col-liucheng .content ul li:hover hr{border-color: rgba(255,255,255,0.45);}
    .col-liucheng .content ul li:last-child{margin-right: 0;}
/*品质控制*/

/*产品全案*/
    .col-page-product{padding-top: 5.5%;padding-bottom: 5.5%;}
    .proColumn{margin-top: 5.2vw;}
    .proColumn1{margin-top: 0;}
    .proColumn .col-title{padding-bottom: 13px; border-bottom: 1px solid #ccc; }
    .proColumn .col-title h3{padding-right: 150px;}
    .proColumn .col-title a.con{display: block;min-width: 125px;padding: 0 1vw; color: #063367;line-height: 28px; position: absolute;right: 0;bottom:13px;background: #efeff0;border:1px solid #efeff0; border-radius: 10px;}
    .proColumn .col-title a.con span{display: flex;align-items: center;justify-content: center;}
    .proColumn .col-title a.con i{margin-left: 10px;}
    .proColumn .description{margin-top: 1vw; color:#535a46;line-height: 1.8; }
    .proColumn .description-tech{color: #7d7d7d;}
    .proColumn .list{margin-top: 2vw;}
    .proColumn .list ul{margin:0 -7px;margin-top: -14px; display: flex;flex-wrap: wrap;}
    .proColumn .list ul li{padding: 0 7px;margin-top: 14px;}
    .proColumn .list ul li a{color: #fff;}
    /*.proColumn .list ul li .pic:after{padding-bottom: 91.86%;}*/
    .proColumn .list ul li .pic img{width: 100%;}
    .proColumn .list ul li .title{padding: 0.9vw 0.78vw; display: flex;align-items: center; justify-content: space-between; background: #f7ac01;}
    .proColumn .list ul li .title h4{line-height: 30px;}
    .proColumn .list ul li .title i{display: block;width: 30px;height: 30px; text-align: center; font-size: 20px;line-height: 26px; border:2px solid #fff;border-radius: 50%;}
    /*.proColumn .list1 ul li .pic:after{padding-bottom:122.624%;}*/

    .proback{position: absolute;right: 0;bottom: 43px;margin-bottom:15px;}
    .proback a{ display: inline-block;min-width: 125px;padding: 0 1vw;text-align: center;color: #888;border:1px solid #888 ;border-radius: 5px;line-height:28px; }
    .proback a span{display: flex;align-items: center;justify-content: center;}
    .proback a img{margin-left: 10px;}

    .product {margin-top: 5vw;}
    .product1{margin-top: 3.5vw;}
    .product .pic{padding: 0;}
    .product .text{padding: 0;padding-left: 3.64vw;margin-top: 20px;}
    .product .title{text-align: center;}
    .product .title:before{content: '';width: 100%;position: absolute;left: 0;top:50%; border-top:1px solid #666464;z-index: -1;}
    .product .title span{display: inline-block;padding:0 1.82vw;color: #000;background: #fff;}
    .product .text h3{margin-top: 10px; color:#063367;}
    .product .text h4{margin:1vw 0; color: #000;font-weight: bold;line-height: 1.5;}
    .product .text p{color: #888;line-height: 1.8;}
    .product .text ul li{list-style: inherit;}

    .productBox{margin-top: 2vw;}
    .productBox ul{margin:0 -1vw;margin-top: -1vw;}
    .productBox ul li{padding: 0 1vw;margin-top: 1vw;}
    .productBox ul li p{margin-top: 10px;line-height: 1.8;}
/*产品全案*/
/*合作品牌*/
    .col-partner{padding-top: 4.2%;padding-bottom: 5%; background: #f8f8f8; }
    .col-partner .col-title h3{color: #3a3a3a;}
    .col-partner .list ul{margin:0 -0.57vw;}
    .col-partner .list ul li{padding: 0 0.57vw;margin-top: 1.56vw;}
    .col-partner .list ul li .pic{background: #fff;}
    .col-partner .list ul li .pic:after{padding-bottom: 42.72%;}
/*合作品牌*/

/*可持续发展*/
    .col-page-develop{padding-top: 5.5%;}
    .col-page-develop .description{ text-align: left; color: #5c5c5c;line-height: 1.8; }
    .col-page-develop .description1{padding: 2.6vw 0 3vw;}
    .col-page-develop .description2{padding: 4vw 0; color: #535a46;}
    .develop-green{padding-top: 4%;padding-bottom: 4%;}
    .develop-green .col-title h3{color: #fff;}
    .develop-green .content{margin-top: 2.5vw; color: #fff;line-height: 1.8; }
    .develop-green .content ul{margin:0 -1.92vw;}
    .develop-green .content ul li{width: 50%;float: left;padding: 0 1.92vw;}
    .develop-green .content ul li img{width: 100%; box-shadow: 0 0 15px rgba(0,0,0,0.15);}
    .develop-green .content ul li .text{padding: 1.56vw 0;}
    /*社会责任报告*/
    .col-report{padding-top: 5.2%;padding-bottom: 5%; background: #f8f8f8; }
    .col-report .col-title h3{color: #333;}
    .download{}
    .download .panel{padding: 2vw;padding-bottom: 1.3vw;color: #323232;box-shadow: 5.657px 5.657px 20px 0px rgba( 0, 1, 1,0.15 );}
    .download .panel .pic{}
    .download .panel span{ display: block;margin-top: 1.56vw;color: #333;line-height: 1;}
    .download .panel h4{margin:5px 0; line-height: 1.3; }
    .download .panel p{ line-height: 1.8; }
    .download .panel a{display: inline-block;margin-top:4vw; color: #f7ac01;}
    .col-report .swiper-download{margin-top: 2.34vw;}
    .col-report .swiper-download .swiper-slide{padding: 20px;}
/*可持续发展*/

/*新闻资讯*/
    .col-page-news{padding-top: 5.5%;padding-bottom: 5.5%;}
    .news ul{margin:0 -1.3vw;}
    .news ul li{padding: 0 1.3vw;margin-top: 2.5vw;}
    .news ul li .pic:after{padding-bottom:75%;}
    .news ul li .text{margin-top: 1vw;}
    .news ul li h4{ line-height: 1.3; }
    .news ul li p{margin-top: 0.5vw; height: 3.6em;line-height: 1.8em;overflow: hidden; }
    .news ul li .date{margin-top: 0.5vw;}
    .news ul li .date span{float: left;}
    .news ul li .date a{float: right;}
    /*newshow*/
    .newshow{padding: 5vw 0;}
    .newshow .newshowtit {
      text-align: center;
      border-bottom: 1px dotted #bfbebe;
    }
    .newshow .newshowtit h1 {
      color: #063367;line-height: 1.3;
    }
    .newshow .newshowtit .date {
      line-height:1.8em;padding: 22px 0;
      color: #999;
    }
    .newshow .newshowtxt{margin:30px 0;}
    .newshow .newshowtxt p {
      line-height: 1.8;
    }
    .newshow .newshowimg {
      text-align: center;
      margin: 65px 0;
    }
    .prev-next {
      float: left;
      margin-top: 10px;
    }
    .prev-next a {
      display: block;
      color: #777;
      line-height: 25px;
      transition: 0.3s;
    }
    .prev-next a b {
      color: #666;
    }
    .prev-next a:hover {
      color: #fdad35;
    }
    .prev-next a.prev {
      border-bottom: 1px dashed #d4d4d4;
    }
/*新闻资讯*/
/*招聘*/
    .col-page-job{padding-top: 5.5%;padding-bottom: 5.5%;}
    .col-page-job .description{line-height: 1.8;}
    .col-page-job .description1{margin-top: 2.5vw;}
    .col-page-job .description2{margin-top: 2vw;}

    .job {margin-top: 3.64vw;}
    .job ul{}
    .job ul li{border-top:1px solid #dfdfdf; cursor: pointer;}
    .job ul li span.jia{display: block; width: 10px;height: 2px;background: #a1a1a1;position: absolute;left:1.3vw;top:50%;margin-top: -1px;margin-left: -5px;}
    .job ul li span.jia:after{content: '';width: 2px;height: 10px;background: #a1a1a1;position: absolute;left:50%;top:50%;margin-left: -1px;margin-top: -5px;}
    .job ul li:nth-child(odd){background: #f8f8f8;}
    .job ul li:last-child{border-bottom: 2px solid #7d7d7d;}
    .job ul li .row{display: flex;}
    .job ul li .row div{width: 18%;}
    .job ul li .row div.div1{width: 28%;}
    .job ul li.li1{padding:0 2.5vw;background:none;height: 60px;line-height: 60px;text-transform: capitalize;border-top:2px solid #7d7d7d;}
    .job ul li .jobtit{padding:0 2.5vw;color: #454545;height: 60px;line-height: 60px;position: relative;}
    .job ul li .jobcon{display: none; padding:0 2.5vw 2vw;line-height: 1.8em;color: #383838;position: relative;}
    .job ul li .jobcon .zwms{display: block;margin-bottom: 15px;}
    .job ul li.active{}
    .job ul li.active span.jia,
    .job ul li.active span.jia:after{background: #0e3367;}
    .job ul li.active span.jia:after{transform: rotate(90deg);}
    .job ul li.active .jobcon {  display: block;}

    .apply{margin-top: 1.8vw;}
    .apply a{display: inline-block;width:113px;text-align: center; color: #fff;line-height:34px;padding: 0 1vw;background: #f7ac01;border-radius: 4px;}

    .jobform ul {  width: 100%;max-width: 800px;  margin: 20px auto 0;}
    .jobform ul li{margin-top: 13px;}
    .jobform ul li input { width: 100%;padding: 0 15px; line-height: 35px; border: 1px solid #e4e5e5; }
    .jobform ul li input[type="radio"],.jobform ul li input[type="checkbox"]{ width: auto; }
    .jobform ul li select{ width: 100%; height: 35px; border: 1px solid #e4e5e5; }
    .jobform ul li input:focus { border: 1px solid #fdad35;}
    .jobform ul li textarea {  width: 100%;padding:10px 15px; border: 1px solid #e4e5e5; height: 150px; float: left;}
    .jobform ul li textarea:focus {  border: 1px solid #fdad35;}
    .jobform ul li.li4 input {  width: 120px;  float: left;  color: #333;}
    .jobform ul li.li4 img {  float: left;  cursor: pointer;  margin: 0 5px;}
    .jobform ul li.li4 a {  float: left;  line-height: 35px;}
    .jobform ul li.sub {  width: 100%;max-width: 800px;  margin: 0 auto;  text-align: center;}
    .jobform ul li.sub input {  height: 48px;  width: 20%;min-width:120px;  background: #575757;  border: 0;  margin-top: 40px;  color: #fff;  margin-left: 5px;margin-right: 5px;  transition: 0.3s;}
    .jobform ul li.sub input:hover {  background: #fdad35;}
/*招聘*/
/*分页*/
    .page { text-align: center;margin-top:4.5vw;}
    .page ul{margin:0;}
    .page li {  display: inline;}
    .page li a{
      font-family: 'Arial';
      border-radius: 0!important;
      background: #fff;
      padding: 3px 9px;
      margin: 0 3px;
      display: inline;
      margin-bottom:0px;
      color:#262626;
      border:0px!important;
    }
    .page li a:hover,
    .page li.active a {
      background: #fdad35;
      border: 0px!important;
      color: #fff;
    }
    .page li.bgnone a{
      background: none;
    }
    .page li.bgnone a:hover {
      color: #fdad35;
    }
    @media (max-width: 991px) {
        .page{margin-top: 45px;}
    }
/*分页*/
/*other*/
    /*loading页面*/
    #loading  
    {  
        width: 100%;
        height:100%;
        position:fixed;  
        z-index:999;  
        background:#ffffff;
        text-align: center;
        display: table;
    }   
    #loading span{
        display: table-cell;
        vertical-align: middle;
    }
    #loading span p{color:#fff;font-size: 20px;}
    #loading img{   
        display: inline-block; 
    }
    #gotoTop{
        display: none;
        z-index: 299;
        position: fixed;
        width: 40px;
        height: 40px;
        background-color: #f7ac00 ;
        font-size: 20px;
        line-height: 36px;
        text-align: center;
        color: #FFF;
        top: auto;
        left: auto;
        right: 30px;
        bottom: 50px;
        cursor: pointer;
        border-radius: 2px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
        opacity: 0.5;
        transition: 0.5s;
    }
    #gotoTop:hover{
        opacity: 1;
    }
    .customer-service{
        z-index: 299;
        position: fixed;
        font-size: 20px;
        line-height: 40px;
        text-align: center;
        color: #FFF;
        top: auto;
        left: auto;
        right: 30px;
        bottom: 90px;
    }
    .customer-service li{
        width: 40px;
        height: 40px;
        background-color: #333;
        background-color: rgba(0,0,0,0.3);
        cursor: pointer;
        border-radius: 2px;
        margin-bottom: 10px;
    }
    .customer-service li a{
        color: #FFF;
    }
    .customer-service li:hover{
        background-color: #1ABC9C !important;
    }
/*other*/

/*手机版菜单*/
@media screen and (max-width: 991px)  {
    .head{height: 55px;}
    header h1{width: auto; height: 55px;line-height: 55px;}
    header h1 img{max-height: 66%;}
    #header a.mm_btn {background: center center no-repeat ;display: block;width: 55px;height: 55px;position: absolute;top: 0;right: 0; padding: 12.5px; }
    #header .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);}
    #header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translateZ(0) rotate(0); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; width: 30px;height: 30px;}
    #header .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #fff; position: absolute; left: 0; top: 14px;
      /*transition: transform .2s ease .2s;
      -webkit-transition: -webkit-transform .2s ease .2s;*/
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    #header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);}
    #header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;}
    #header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);}
    #header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;}
    #header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);}
    #header .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);}
    #header .mm_btn.is_active .menu_bar_item {
      transform: translateZ(0) rotate(45deg);
      transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
      -webkit-transform: translateZ(0) rotate(45deg);
      -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
    }
    /*菜单弹出方向*/
    .mm-menu_offcanvas{left: auto!important;}
    .mm-menu{right: 0!important;}
    .mm-menu_offcanvas.mm-menu_opened{z-index: 9!important;}
    .mm-slideout{z-index: 10!important;}
    .mm-menu.mm-menu_pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; right: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.3);}/*弹出菜单边阴影*/
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{
      -webkit-transform: translate(-80vw,0)!important;
      -ms-transform: translate(-80vw,0)!important;
      transform: translate(-80vw,0)!important;
      -webkit-transform: translate3d(-80vw,0,0)!important;
      transform: translate3d(-80vw,0,0)!important;
      /*transform: translate3d(80vw,0,0)!important;*/
    }
    .mm-wrapper_opened .mm-menu_fx-menu-slide {
      -webkit-transform: translate(0,0)!important;
      -ms-transform: translate(0,0)!important;
      transform: translate(0,0)!important;
      -webkit-transform: translate3d(0,0,0)!important;
      transform: translate3d(0,0,0)!important;
    }
    /**/
    #menu{ color:rgba(0,0,0,.8);}
    #menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);}
    #menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);}
    #menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;}
    #menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);}
    #menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);}
    #menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); }
    #menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);}
    #menu .mm-listitem a{font-size: 16px;}
}
@media (min-width: 550px){
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
      -webkit-transform: translate(-440px,0)!important;
      -ms-transform: translate(-440px,0)!important;
      transform: translate(-440px,0)!important;
      -webkit-transform: translate3d(-440px,0,0)!important;
      transform: translate3d(-440px,0,0)!important;
    }
}
@media (max-width: 991px) {
    .banner-page,
    .index-first-banner{margin-top: 55px;}
/*首页*/
    .banner03 {
        background-position: -100px 55px;
    }

    #banner01 .texts{padding: 0 4.5vw;}
    #banner01 .text{ margin:0;margin-top:10%;}
    #banner01 .text .img1{margin-left:0;}
    #banner01 .text .img2{margin-top: 40px;}
    #banner01 .text p.p1{margin-top:65px;}

    .index_content{padding:0 4.5vw;}
    .index_content .text{max-width:780px; margin:0;}
    .index_content .text .col-title{margin-top:50px;}
    .index_content .text .desc{margin-top:80px;}

    .bannertext {padding:74px 4.5vw;height: auto;}
    .bannertext .text{float: right;}
    .bannertext .text .img{width: 62px;margin-right: 3.4vw;}
    .bannertext .text .con{margin-left: 0;}

    .button { padding-left: 20px;padding-right: 30px; border:2px #f6ab00 solid; height:40px; line-height:36px; font-size:14px;}
    .button em { top: 10px;right:-13px; }

    .col-index-slogantext{padding-top: 70px;padding-bottom: 70px;}
/*首页*/
/*底部开始*/
    .footer {padding-top:45px;}
    .footer_contact .row{margin:0;}
    .footer_contact .con{padding: 0;margin-top: 30px;text-align: center;}
    .footer_contact .con ul li{margin-top: 10px;}
    .footer_contact .con ul li:first-child{min-height: auto;}
    .footer_contact .con1{width: 100%;}
    .footer_contact .con2{width: 100%;padding-top: 30px; border-left:0; border-top: 1px solid #d4d4d5; }
    .footer_contact .con2 ul{margin-left: 0;}
    .footer_contact .con2 ul li{width: 100%;padding-left:0;}
    .footer_contact .con3{margin-top: 40px;}

    .copy {padding-top:20px;padding-bottom:20px;margin-top:15px;}
/*底部结束*/
/*关于我们*/
    .col-page-about{padding-top: 55px;padding-bottom: 55px;}
    .col-page-about .content{padding-bottom: 50px;}
    .col-page-about .content_img{margin-top: 35px;}

    .col-about-middle{padding-top: 50px;padding-bottom: 55px; }
    .col-about-middle .img2{padding: 12px 0 18px;}

    .col-history{padding-top: 50px;padding-bottom: 55px;}
    .col-history .content{ margin-top: 10px;}
    .col-history .list{margin-top: 40px; padding-bottom: 30px; }
    .col-history .list .panel{padding: 30px 15px;}
    .col-history .list .panel .year{margin-bottom: 10px;}
/*关于我们*/
/*发展战略*/
    .global-top{padding-top: 50px;padding-bottom: 55px;}
    .global-top .col-title{margin-bottom: 13px;}
    .global-top .map{margin-top: 40px;}

    .global-base {padding-top: 0;padding-bottom: 55px;}
    .global-base ul{margin:0 -10px;}
    .global-base ul li{padding: 0 10px;margin-top: 40px;}
    .global-base ul li .pic{box-shadow: 5.657px 5.657px 10px 0px rgba( 0, 1, 1,0.08 );}
    .global-base ul li .text{margin-top: 25px;}
    .global-base ul li .text a{margin-top: 10px;}

    .col-base-information{padding-top: 55px;padding-bottom: 50px;}
/*发展战略*/

/*专业研发*/
    .number{padding-top: 44px;padding-bottom: 44px;}
    .number ul li{padding: 15px;}
    .number ul li .num{font-size: 30px;}
    .number ul li .num em{font-size: 18px;top:-10px;}
    .col-zlcp{padding-top: 50px;padding-bottom: 55px;}
    .col-zlcp .list{margin-top: 30px;}
    .col-zlcp .list .text{padding: 15px 20px;}
    .col-zlcp .list .text h3{padding: 0 10px; border-left:3px solid #f7ac01;}
    .col-zlcp .list .text a{min-width: 90px;height: 25px;line-height: 23px;border-radius: 14px;}
    .col-zlcp .list .con{padding-top: 15px;}

    .col-yfsl{padding-top: 50px;padding-bottom: 50px;}
    .col-yfsl .content{margin-top: 25px;}
    .col-yfsl .content hr{margin:15px 0;}
    .col-yfsl .content table tr td:first-child{padding-right: 5px;}
    .col-yfsl .content table tr td:last-child{padding-left: 5px;}
    .col-yfsl .content table img{box-shadow: 5.657px 5.657px 10px 0px rgba( 0, 1, 1,0.08 );}
    .col-yfsl .content .text{padding: 25px 15px 0;}

    .col-Illochroma-tech{padding-top: 50px;padding-bottom: 55px;}
    .col-Illochroma-tech .col-title{margin-bottom: 35px;}
    .col-Illochroma-tech .img{padding-right: 0;}
    .col-Illochroma-tech .pic{box-shadow: 5.657px 5.657px 10px 0px rgba( 0, 1, 1,0.08 ); }
    .col-Illochroma-tech .pic .text{padding: 20px 15px;}
    .col-Illochroma-tech .content{padding-left: 0;margin-top: 30px;}
    .col-Illochroma-tech .list{padding-left: 70px;margin-top:15px; }
    .col-Illochroma-tech .list ul{ padding-left: 20px;}
    .col-Illochroma-tech .list ul li{margin-bottom: 14px;}
    .col-Illochroma-tech .list ul li:before{left:-26px;top:7px;}
    .col-Illochroma-tech .list ul li .year{margin-left: -20px; width: 70px;left: -70px;font-size: 20px;top: 3px;}
    .col-Illochroma-tech .list ul li:last-child{margin-bottom: 0;}
/*专业研发*/

/*增值与技术*/
    .col-technology{padding-top: 55px;padding-bottom: 35px;}
    .col-technology .content{margin-top: 20px; }

    .col-tech-fw .description .content{padding:40px 20px;}
    .col-tech-fw .list{padding-top: 50px;padding-bottom: 50px;}
    .col-tech-fw .list ul{margin: -6px;}
    .col-tech-fw .list ul li{padding: 6px;}
    .col-tech-fw .list ul li h4{padding: 10px 13px;}
    .col-tech-fw .list ul li h4 i{margin-top: 10px;}

    .col-tech-brand{padding-top: 50px;padding-bottom: 50px;}
    .col-tech-brand h3{margin: 25px 0 13px;}
    .col-tech-brand hr{ margin:50px 0 20px;}
    .col-tech-brand .contact strong{font-size: 14px;}
/*增值与技术*/

/*品质控制*/
    .col-pzkz{padding-top: 50px;padding-bottom: 50px;}
    .col-pzkz .pzkz-title{margin-top: 15px;}
    .col-pzkz .pic{margin-top: 30px;}
    .col-pzkz .content{margin-top: 30px;}
    .col-pzkz .content img{float: none;display: block;margin-bottom: 20px;}
    .col-pzkz .content p{line-height: 1.8;}

    .col-environment{padding-top: 50px;padding-bottom: 50px;}
    .col-environment .content{margin-top: 25px;}
    .col-environment .content ul li img{box-shadow: 5.657px 5.657px 10px 0px rgba( 0, 1, 1,0.08 );}

    .col-liucheng{padding-top: 50px;padding-bottom: 50px;}
    .col-liucheng .content{}
    .col-liucheng .content ul li{width: 100%;margin-top:30px; margin-right:0;padding:30px 20px 40px;}
    .col-liucheng .content ul li:after{display: none;}
    .col-liucheng .content ul li h4{margin-top: 15px;}
    .col-liucheng .content ul li hr{margin:10px 0 12px;}
/*品质控制*/

/*产品全案*/
    .col-page-product{padding-top: 85px;padding-bottom: 55px;}
    .proColumn{margin-top: 50px;}
    .proColumn1{margin-top: 0;}
    .proColumn .col-title a{padding: 0 10px;line-height: 25px;border-radius: 6px;}
    .proColumn .col-title a i{margin-left: 8px;}
    .proColumn .description{margin-top: 10px;}
    .proColumn .list{margin-top: 20px;}
    .proColumn .list ul li .title{padding:10px;}
    .proColumn .list ul li .title h4{line-height: 25px;}
    .proColumn .list ul li .title i{width: 25px;height: 25px; font-size: 16px;line-height: 21px;}

    .proback{}
    .proback a{padding: 0 10px;line-height:25px; }
    .proback a img{margin-left: 8px;}

    .product {margin-top: 5vw;}
    .product1{margin-top: 3.5vw;}
    .product .pic{padding: 0;}
    .product .text{padding: 0;padding-left: 3.64vw;margin-top: 20px;}
    .product .title{text-align: center;}
    .product .title:before{content: '';width: 100%;position: absolute;left: 0;top:50%; border-top:1px solid #666464;z-index: -1;}
    .product .title span{display: inline-block;padding:0 1.82vw;color: #000;background: #fff;}
    .product .text h3{margin-top: 10px; color:#063367;}
    .product .text h4{margin:1vw 0; color: #000;font-weight: bold;line-height: 1.5;}
    .product .text p{color: #888;line-height: 1.8;}
    .product .text ul li{list-style: inherit;}

    .productBox{margin-top: 20px;}
    .productBox ul{margin-top: -10px;}
    .productBox ul li{margin-top: 10px;}
    .productBox ul li p{margin-top: 5px;}
/*产品全案*/
/*合作品牌*/
    .col-partner{padding-top: 45px;padding-bottom:50px;}
    .col-partner .list ul{margin:0 -5px;}
    .col-partner .list ul li{padding: 0 5px;margin-top: 15px;}
/*合作品牌*/

/*可持续发展*/
    .col-page-develop{padding-top: 55px;}
    .col-page-develop .description1{padding: 25px 0 30px;}
    .col-page-develop .description2{padding: 40px 0;}
    .develop-green{padding-top: 40px;padding-bottom: 40px;}
    .develop-green .content{margin-top: 25px;}
    .develop-green .content ul{margin:0;margin-top: -25px;}
    .develop-green .content ul li{width: 100%;padding: 0;margin-top: 25px;}
    .develop-green .content ul li .text{padding: 0;}
    .develop-green .content ul li:first-child .text{margin-bottom: 20px;}
    .develop-green .content ul li:last-child .text{margin-top: 20px;}
    /*社会责任报告*/
    .col-report{padding-top:55px;padding-bottom:50px;}
    .download .panel{padding: 20px;padding-bottom:15px;box-shadow: 3px 3px 10px 0px rgba( 0, 1, 1,0.1 );}
    .download .panel span{ margin-top:15px;}
    .download .panel a{margin-top: 40px;}
    .col-report .swiper-download{margin-top: 25px;}
    .col-report .swiper-download .swiper-slide{padding: 10px;}
/*可持续发展*/

/*新闻资讯*/
    .col-page-news{padding-top:55px;padding-bottom:55px;}
    .news ul li{margin-top: 25px;}
    .news ul li .text{margin-top: 10px;}
    .news ul li p{margin-top: 5px; }
    .news ul li .date{margin-top: 5px;}
    /*newshow*/
    .newshow{padding: 50px 0;}
/*新闻资讯*/
/*招聘*/
    .col-page-job{padding-top: 55px;padding-bottom: 55px;}
    .col-page-job .description1{margin-top: 25px;}
    .col-page-job .description2{margin-top: 20px;}

    .job {margin-top:35px;}
    .job ul li span.jia{left:15px;}
    .job ul li.li1{padding:0 30px;height: 45px;line-height: 45px;}
    .job ul li .jobtit{padding:0 30px;height: 45px;line-height: 45px;}
    .job ul li .jobcon{padding:0 30px 20px;}
    .job ul li .jobcon .zwms{margin-bottom: 7px;}

    .apply{margin-top: 18px;}
    .jobform ul li.sub input{height: 40px;}
/*招聘*/
}
@media (max-width: 767px) {
    .job ul li .row div{width:30%;}
    .job ul li .row div.div1{width:70%;}

    .col-page-about .content_img .pic{width: 100%;}
    .col-page-about .content_img .text{width: 100%;padding: 0;}
}
@media (max-width: 400px) {
    .news ul li,
    .proColumn .list ul li{width: 100%;}
    .col-partner .list ul li{width: 50%;}
    .number ul li{width: 50%;}
    .number ul li{}
    .number ul li:nth-child(2n){border-right:1px solid rgba(255,255,255,0.38);}
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #ccc;}
input:-moz-placeholder,textarea:-moz-placeholder {color:#ccc;}
input::-moz-placeholder,textarea::-moz-placeholder {color:#ccc;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#ccc;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f25{font-size: 25px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f33{font-size: 33px;}
.f35{font-size: 35px;}
.f36{font-size: 36px;}
.f40{font-size: 2.08vw;}
.f45{font-size: 2.34vw;}
.f48{font-size: 2.5vw;}
.f50{font-size: 2.6vw;}
.f55{font-size: 2.86vw;}
.f72{font-size: 3.75vw;}
@media (max-width: 1400px){
    .f15{font-size: 14px;}
    .f16{font-size: 14px;}
    .f18{font-size: 16px;}
    .f20{font-size: 18px;}
    .f22{font-size: 20px;}
    .f24{font-size: 20px;}
    .f25{font-size: 20px;}
    .f28{font-size: 22px;}
    .f30{font-size: 24px;}
    .f33{font-size: 24px;}
    .f35{font-size: 24px;}
    .f36{font-size: 24px;}
    .f40{font-size: 30px;}
    .f45{font-size: 30px;}
    .f48{font-size: 30px;}
    .f50{font-size: 35px;}
    .f55{font-size: 35px;}
}
@media (max-width: 991px){
    .f18{font-size: 15px;}
    .f20{font-size: 16px;}
    .f22{font-size: 18px;}
    .f24{font-size: 18px;}
    .f25{font-size: 18px;}
    .f28{font-size: 20px;}
    .f30{font-size: 20px;}
    .f33{font-size: 20px;}
    .f35{font-size: 20px;}
    .f36{font-size: 20px;}
    .f40{font-size: 24px;}
    .f45{font-size: 24px;}
    .f48{font-size: 24px;}
    .f50{font-size: 30px;}
    .f55{font-size: 30px;}
    .f72{font-size: 30px;}
}
@media (max-width: 767px){
    .f40{font-size: 22px;}
    .f45{font-size: 22px;}
    .f48{font-size: 22px;}
    .f50{font-size: 24px;}
    .f55{font-size: 24px;}
    .f72{font-size: 24px;}
}


@keyframes ProgressDots {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100%{
        transform: scale(15);
        opacity: 0;
    }
}
@-webkit-keyframes ProgressDots {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100%{
        transform: scale(15);
        opacity: 0;
    }
}
@-moz-keyframes ProgressDots {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100%{
        transform: scale(15);
        opacity: 0;
    }
}
@-o-keyframes ProgressDots {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100%{
        transform: scale(15);
        opacity: 0;
    }
}